*{
    margin: 0;
    padding: 0;
}
a{
    text-decoration:none;
    color: #363636;
}
html{
    font-size:1rem;
}
#outer{
    position: absolute;
    height: 100%;
    width: 60%;
    margin-left: 20%;
    margin-right: 20%;
    /*background-color: #F5F5F5;*/
}
#body,#head,#head2,#head3,#tool,#discussBox,#buttom{
    position: relative;
}
#head{
    height: 10%;
    width: 100%;
    margin-top: 1%;
    margin-bottom: 1%;
}
#head3{
    height: 5%;
    width: 100%;
    margin-bottom: 1%;
    background-color: white;
}
/*中间主体部分*/
#body{
    display: flex;
    height: 80%;
    width: 100%;
    /*background-color: blue;*/
}
/*左侧个人信息*/
#personMes{
    flex: 1;
    flex-flow: column;
    background-color: white;
}
.perMes{
    font-size: 10px;
}
/*右侧帖子信息*/
#post{
    flex: 5;
    background-color: #F5F5F5;
}
#tool{
    height: 50px;
    width: 100%;
    background-color: white;
    margin-top: 1%;
    text-align: center;
}
/*点赞收藏的显示图标*/
.tool{
    cursor:pointer;
}
/*评论区*/
#discussBox{
    display: flex;
    margin-top: 1%;
    margin-bottom: 1%;
    width: 100%;
}
/*评论书写框*/
#discuss{
    flex: 5;
}
/*底部*/
#buttom{
    height: 50px;
    width: 100%;
    background-color: #FF4500;
}
/*提交评论按钮*/
#submitDiscuss{
    flex: 0.5;
    margin-left: 1%;
}
/*发帖按钮*/
#submitPost{
    flex: 1;
    height: 30px;
    width: 80px;
    background-color: crimson;
    border-radius: 10px;
}
/*评论按钮*/
#toDiscuss{
    flex: 1;
    height: 30px;
    width: 80px;
    background-color: #FFFFE0;
    border-radius: 10px;
}
/*返回列表*/
#returnList{
    flex: 1;
    height: 30px;
    width: 80px;
    background-color: #FFFFE0;
    border-radius: 10px;
    margin-left: 69%;
}
/*获取评论信息*/
#text1{
    display: none;
    width:100%;
    height:200px;
}